<div class="container iframe">
	<div class="row">
		<div class="col-md-12" style="padding:0 20px;">
			<form id="ajaxForm" action="<{:U('Appointment/save')}>" method="post" class="form-horizontal form-validata">
				<div class="form-group menteesBase">
					<img src="<{$toUser['face']|getFace=###}>">
					<p style="line-height:60px">To:<{$toUser['nickname']}></p>
				</div>	

				<div class="form-group">
					<label>Time</label>								
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-calendar"></i></span>
						<input type="text" style="z-index:9999;" onclick="showdatepicker();" class="form-control" id="time" name="time" value="" placeholder="Enter time" data-rule-required="true">
					</div>
				</div>

				<div class="form-group">
					<label>Address</label>								
					<div class="input-group">
						<span class="input-group-addon"><i class="fa fa-map-marker"></i></span>
						<input type="text" class="form-control" id="address" name="address" value="" placeholder="Enter address" data-rule-required="true">
					</div>
				</div>

				<div class="form-group">
					<label for="exampleTextarea">Content</label>
					<textarea class="form-control" name="content" id="content" rows="5" data-rule-required="true"></textarea>
				</div>	

				<div class="form-group">				
					<button type="submit" id="myBtn" class="btn btn-success">Send</button>	
				</div>
				<input type="hidden" name="toID" value="<{$toUser['userid']}>">
				<input type="hidden" name="toName" value="<{$toUser['nickname']}>">
				<input type="hidden" name="toFace" value="<{$toUser['face']}>">
				<input type="hidden" name="fromID" value="<{$fromUser['userid']}>">
				<input type="hidden" name="fromName" value="<{$fromUser['nickname']}>">
				<input type="hidden" name="fromFace" value="<{$fromUser['face']}>">
			</form>
		</div>
	</div>
</div>

<script>
$(function(){
	$("#time" ).datepicker({
		minDate: new Date()
	});
})

</script>